<template>
    <ul class="account-list">
        <li v-for="item in acctRec" :key="item.id">
            <span>+{{item.amt}}</span>
            <div>
                <span>{{item.typ}}</span>
                <p>{{item.rec_tm}}</p>
            </div>
        </li>
    </ul>
</template>
<script>
export default {
    props:['acctRec'],
    data() {
        return {
        }
    }
}
</script>
<style lang="less" scoped>
.account-list{
    background: white;
    li{
        display: flex;
        border-bottom: 1px solid #DCDCDC;
        justify-content: space-between;
        align-items: center;
        padding: 10px;
        span{
            color: @first-color;
        }
        p{
            color: @second-color;
            font-size: 12px;
            margin-top: 6px;
        }
    }
}
</style>